/****************************
***** DEFINE TYPO CLASSES ***
******************************/
.page-header, body main .masthead .header h1 {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.5em;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.page-subtitle, body main .masthead .header h3 {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.5em;
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}
.section-header {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1.2em;
  margin-top: 0.65rem;
  margin-bottom: 1.5rem;
}
.article-header,
body main .masthead .header h2,
body main .masthead .article h2,
body main .masthead .article h3,
body main .masthead form h3 {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.2em;
  margin-top: 0.35rem;
  margin-bottom: 1rem;
}
.article-text,
body header .claim,
body main .masthead .article h4,
body main .masthead .article p,
body main .masthead form,
body main .masthead form p,
body main .masthead form .chosen-single span,
body main .masthead form a {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
body main .list-item, body main .masthead .article li {
  font-family: Roboto Condensed,'Arial','sans serif';
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.25em;
}
/***********************************
***** RESPONSIVE SIZE AND HEIGHT ***
*********************************** */
html, body {
  font-family: Roboto Condensed, 'Arial', 'sans serif';
}
@media (min-width: 1200px) {
  html, body {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  html, body {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  html, body {
    font-size: 16px;
  }
}
body {
  background-color: #fff;
  color: #606061;
}
body main section.masthead {
  background-color: #f7f7f7;
}
body main section.masthead.jumbo:not(.only-xs),
body main section.masthead.just-cta,
body main section.masthead.acco-bro {
  background-color: #e3e3e3;
}
body main section.masthead.form-wrap,
body main section.masthead.acco-two-page {
  background-color: #fff;
}
/***************************
*** STYLES FOR EVERYONE ***
 ***************************/
body main .masthead {
  /*** JUMBOTRON ***/
}
body main .masthead.jumbo .img-wrap img {
  width: 100%;
}
body main .masthead.jumbo .header {
  margin-bottom: 0;
}
body main .masthead.jumbo .header hr {
  border-color: #606061;
  margin-bottom: 1.3rem;
  margin-left: 0;
  width: 6.35rem;
}
body main .masthead.jumbo .header h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
body main .masthead.jumbo .header a {
  margin-top: 3rem;
}
body main .masthead.jumbo.only-xs {
  padding: 0 0 4rem 0;
}
body main .masthead.jumbo.only-xs .header {
  margin-bottom: 0;
}
body main .masthead.jumbo.only-xs .header h3 {
  margin-bottom: 0;
}
body main .masthead.jumbo.only-xs .header a {
  margin-top: 2rem;
}
body main .masthead.jumbo:not(.only-xs) {
  min-height: 540px;
  max-height: 540px;
}
body main .masthead.jumbo:not(.only-xs) h1 {
  margin-top: 0;
  margin-bottom: 1.3rem;
}
body main .masthead.jumbo:not(.only-xs) .row > div + div {
  height: 445px;
}
body main .masthead.jumbo:not(.only-xs) header.header {
  max-width: 540px;
}
body main .masthead.jumbo:not(.only-xs) .text-right {
  text-align: left;
}
body main .masthead.ouch {
  background-color: #ffffff;
}
body main .masthead.ouch img, body main .masthead.ouch iframe {
  width: 100%;
  margin-bottom: 1.35rem;
}
body main .masthead.ouch iframe {
  display: block;
  margin-bottom: 26px;
}
body main .masthead.ouch h2 {
  margin-top: 0;
}
body main .masthead.page h2 {
  margin-top: 0;
}
body main .masthead.page p {
  margin-bottom: 0;
}
body main .masthead.page a {
  margin-top: 1.25rem;
}
body main .masthead.page + .brother {
  background-color: #606061;
  color: #fff;
}
body main .masthead.page + .brother article {
  align-items: center;
  justify-content: center;
}
body main .masthead.page + .brother article h2 {
  margin-bottom: 0.5rem;
  font-style: italic;
}
body main .masthead.page + .brother .article div:first-child {
  display: inline-block;
}
body main .masthead.page + .brother .article div:first-child h3 {
  padding-right: 5%;
  margin: 0 0;
}
body main .masthead.page + .brother .article div:first-child h3 span:first-child {
  font-size: 2rem;
}
@media screen and (max-width: 1199px) {
  body main .masthead.jumbo:not(.only-xs) h1 {
    margin-top: 1.2rem;
  }
  body main .masthead.jumbo:not(.only-xs) .img-wrap {
    margin-top: 30px;
  }
  body main .masthead.jumbo:not(.only-xs) .text-right {
    bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  body main .masthead.page .article div {
    text-align: center;
  }
  body main .masthead.page > div.container > div.row > div:first-child {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  body main .masthead.page > div.container > div.row > div:first-child img {
    display: inline-block;
  }
  body main .masthead.ouch .row .header {
    text-align: center;
  }
  body main .masthead.ouch .row > div:first-child {
    margin-bottom: 3rem;
    padding-right: 15px;
  }
  body main .masthead.ouch .row > div:last-child {
    padding-left: 15px;
  }
  body main .masthead.ouch .row > div:last-child h2, body main .masthead.ouch .row > div:last-child p {
    text-align: left;
  }
  body main .masthead.ouch .row > div img, body main .masthead.ouch .row > div iframe {
    width: 555px;
  }
  body main .masthead.ouch .row > div img {
    display: inline-block;
  }
  body main .masthead.ouch .row > div iframe {
    margin-left: auto;
    margin-right: auto;
  }
  body main .masthead.brother .container article .circle-grey {
    margin-top: 18px;
  }
  body main .masthead.jumbo:not(.only-xs) {
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: auto;
  }
  body main .masthead.jumbo:not(.only-xs) .img-wrap {
    margin: 0 0;
    text-align: center;
  }
  body main .masthead.jumbo:not(.only-xs) .img-wrap img {
    display: inline-block;
    width: auto;
  }
  body main .masthead.jumbo.only-xs {
    padding-top: 4rem;
  }
  body main .masthead.jumbo.only-xs h1 {
    text-align: center;
    margin-top: 0;
  }
  body main .masthead.jumbo.only-xs hr {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  body main .masthead.jumbo.only-xs {
    padding-top: 3rem;
  }
  body main .masthead.jumbo.only-xs h3 {
    text-align: center;
  }
  body main .masthead.ouch .row > div .header h2,
  body main .masthead.ouch .row > div .header h3,
  body main .masthead.blog-teaser-slider .row > div .header h2,
  body main .masthead.blog-teaser-slider .row > div .header h3 {
    text-align: center;
  }
  body main .masthead.page a {
    margin-top: 1.25rem;
  }
}
.circle-pattern, .circle-grey, .circle-white {
  display: table;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  max-height: 100px;
  min-width: 100px;
  max-width: 100px;
  border-radius: 50px;
  text-align: center;
  font-size: 1.35rem;
  line-height: 1.2em;
  padding: 37px 25px;
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-weight: 300;
}
.circle-pattern > span, .circle-grey > span, .circle-white > span {
  display: table-cell;
  vertical-align: middle;
}
.circle-grey {
  background-color: #dcdcdc;
  color: #606061;
}
.circle-white {
  background-color: #fff;
  color: #dcdcdc;
}
.submit-container {
  margin-top: 15px;
}
/* *********************************
***** ASSIGN HTML MAIN ELEMENTS ***
*************************************/
body {
  overflow-x:unset !important;
}
body a {
  font-size: 1rem;
  font-weight: 300;
}
body main .masthead .article h4 {
  font-size: 0.8rem;
}
body main .masthead form p {
  margin-bottom: 1rem;
}
body main .masthead form input {
  font-weight: 300;
  font-style: italic;
}
body main .masthead form .chosen-single span {
  font-weight: 300;
  font-style: italic;
  margin-top: 0.2rem;
  margin-bottom: 0.15rem;
}
body main .masthead form label {
  font-weight: 300;
}
body main .masthead form a {
  text-decoration: none;
}
body footer .footer {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
@media (min-width: 992px) {
  body header .claim {
    font-size: 18px;
    margin-top: 1.1rem;
  }
}
a.main-nav-text.hover, a.main-nav-text:focus {
  font-weight:500;
  color:#0582a8;
  text-decoration:none;
}
a:focus, a:hover {
  color:#0582a8;
}
p > a {
  font-size:18px !important;
}
p > a:hover {
  font-size:18px;
  text-decoration:underline;
}
.article p {
  padding-bottom: 20px;
}
.item-hr {
  border-color: #606061;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 0;
  width: 6.35rem;
}
@media (max-width: 390px) {
  .item-hr {
    margin-bottom: 2rem;
  }
}
ul {
  list-style-type: square;
  margin-left: -20px;
}
.list ul li {
  font-weight: 300;
  margin-bottom: 10px;
}
a {
  color: #0582A8;
  text-decoration: none;
}
a:focus, a:hover {
  color: #cccccc;
  text-decoration: none;
}
/* **************************************
*** COLS NEED 30px padding for >991px ***
******************************************/
@media screen and (min-width: 992px) {
  main .masthead.page div.row > div:first-child,
  main .masthead.blog-teaser-slider div.row > div:first-child,
  main .masthead.ouch div.row > div:first-child {
    padding-right: 15px;
  }
  main .masthead.page div.row > div:first-child + div,
  main .masthead.blog-teaser-slider div.row > div:first-child + div,
  main .masthead.ouch div.row > div:first-child + div {
    padding-left: 15px;
  }
  main .masthead.acco-two-page div.row > div:first-child {
    padding-right: 15px;
  }
  main .masthead.acco-two-page div.row > div:first-child + div {
    padding-left: 15px;
  }
}
body main .masthead.small h2 {
  padding-right: 2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
body main .masthead.small.brother h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  body main .masthead.small h2 {
    padding-right: 0;
  }
}
main .masthead,
footer .masthead {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
main .masthead.small,
footer .masthead.small {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
main .masthead .header,
footer .masthead .header {
  margin-bottom: 1rem;
}
main .masthead .article p:last-child,
footer .masthead .article p:last-child {
  margin-bottom: 0;
}
main .container-left {
  padding-left: 15px;
  margin-left: auto;
}
main .container-right {
  padding-right: 15px;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  main .container-left, main .container-right {
    width: 345px;
  }
}
@media screen and (min-width: 992px) {
  main .container-left, main .container-right {
    width: 455px;
  }
}
@media screen and (min-width: 1200px) {
  main .container-left, main .container-right {
    width: 555px;
  }
}
/*************************
*** item BUTTON / CTA Color Palette ***
**************************/
body .blue-gradient,
body .cta-main,
body .cta-main-downwards,
body .cta-main-upwards,
body .cta-scroll-top,
body .cta-scroll-bot,
body .btn-collapse,
body .cta-play,
form button[type="submit"] {
  background: -moz-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: -webkit-linear-gradient(top, #0582A8 0%, #046785 100%);
  background: linear-gradient(to bottom, #0582A8 0%, #046785 100%);
}
/*******************
*** LOGO & CLAIM ***
*******************/
header .masthead.header {
  height: 6.25rem;
  padding-top: 1.725rem;
  padding-bottom: 1.725rem;
}
header .masthead.header .logo {
  float: left;
}
header .masthead.header .logo img {
  height: 45px;
}
header .masthead.header .claim {
  margin-top: 0.75rem;
  float: right;
}
header .masthead.header .claim span + span {
  margin-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  header .masthead.header .claim {
    margin-top: 0.2rem;
    float: right;
  }
  header .masthead.header .claim span {
    display: block;
  }
  header .masthead.header .claim span + span {
    float: right;
  }
}
@media (max-width: 576px) {
  body header .masthead.header .claim {
    margin-top: 0.65rem;
  }
  body header .masthead.header .claim .hidden-xs {
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  body header .masthead.header .claim .hidden-xs {
    display: none;
  }
}
@media (max-width: 425px) {
  body header .masthead.header .claim .hidden-xxs {
    display: none;
  }
}
/*** DEFINE TYPO CLASSES ***/
.page-header, html body main .masthead .header h1 {
  font-weight: 400;
  line-height: 1.15em;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 3rem;
}
.page-header, html body main .masthead .header h1 {
  font-size: 28px;
}
@media screen and (min-width: 320px) {
  .page-header, html body main .masthead .header h1 {
    font-size: calc(28px + 12 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .page-header, html body main .masthead .header h1 {
    font-size: 40px;
  }
}
.cta-wrap a.cta-ghost-top.scroll {
  margin-top: 1.5rem;
  margin-left: 0;
}
.section-header,
html body main .masthead .header h2,
html body main .masthead .article h3.h3-section {
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 3rem;
}
.section-header,
html body main .masthead .header h2,
html body main .masthead .article h3.h3-section {
  font-size: 22px;
}
@media screen and (min-width: 320px) {
  .section-header,
  html body main .masthead .header h2,
  html body main .masthead .article h3.h3-section {
    font-size: calc(22px + 8 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .section-header,
  html body main .masthead .header h2,
  html body main .masthead .article h3.h3-section {
    font-size: 30px;
  }
}
.article-header,
html body main .masthead .article h3 {
  font-weight: 400;
  line-height: 1.4em;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 1rem;
}
.article-header,
html body main .masthead .article h3 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .article-header,
  html body main .masthead .article h3 {
    font-size: calc(18px + 4 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .article-header,
  html body main .masthead .article h3 {
    font-size: 22px;
  }
}
.page-subtitle,
html body main .masthead .header h3 {
  font-weight: 300;
  line-height: 1.5em;
  letter-spacing: normal;
  margin-top: -1.5rem;
  margin-bottom: 4.5rem;
}
.page-subtitle,
html body main .masthead .header h3 {
  font-size: 18px;
}
@media screen and (min-width: 320px) {
  .page-subtitle,
  html body main .masthead .header h3 {
    font-size: calc(18px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .page-subtitle,
  html body main .masthead .header h3 {
    font-size: 20px;
  }
}
.section-subtitle,
html body main .masthead .header p {
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: normal;
  margin-top: -1.25rem;
  margin-bottom: 2.5rem;
}
.section-subtitle,
html body main .masthead .header p {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  .section-subtitle,
  html body main .masthead .header p {
    font-size: calc(16px + 4 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .section-subtitle,
  html body main .masthead .header p {
    font-size: 20px;
  }
}
.article-text,
html body header .claim,
html body main .masthead article p,
html body main .masthead .article p,
html body main .masthead form input,
html body main .masthead form select,
html body main .masthead .form input,
html body main .masthead .form select,
html body main .masthead form .chosen-container span,
html body main .masthead .form .chosen-container span,
html body main .masthead form .form-footer label,
html body main .masthead .form .form-footer label,
html body main .masthead table td,
html body main .masthead .table td {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 320px) {
  .article-text, html body header .claim,
  html body main .masthead .article p,
  html body main .masthead form input,
  html body main .masthead .form input,
  html body main .masthead form select,
  html body main .masthead .form select,
  html body main .masthead form .chosen-container span,
  html body main .masthead .form .chosen-container span,
  html body main .masthead form .form-footer label,
  html body main .masthead .form .form-footer label,
  html body main .masthead table td,
  html body main .masthead .table td {
    font-size: calc(16px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .article-text, html body header .claim,
  html body main .masthead .article p,
  html body main .masthead form input,
  html body main .masthead .form input,
  html body main .masthead form select,
  html body main .masthead .form select,
  html body main .masthead form .chosen-container span,
  html body main .masthead .form .chosen-container span,
  html body main .masthead form .form-footer label,
  html body main .masthead .form .form-footer label,
  html body main .masthead table td,
  html body main .masthead .table td {
    font-size: 18px;
  }
}
.list-item,
html body a,
html body button,
html body header nav a,
html body main .masthead .article h4,
html body main .masthead .article li,
html body main .masthead form label,
html body main .masthead .form label,
html body main .masthead table th,
html body main .masthead .table th {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: normal;
}
@media screen and (min-width: 320px) {
  .list-item,
  html body a,
  html body button,
  html body header nav a,
  html body main .masthead .article h4,
  html body main .masthead .article li,
  html body main .masthead form label,
  html body main .masthead .form label,
  html body main .masthead table th,
  html body main .masthead .table th {
    font-size: calc(18px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .list-item,
  html body button,
  html body a,
  html body header nav a,
  html body main .masthead .article h4,
  html body main .masthead .article li,
  html body main .masthead form label,
  html body main .masthead .form label,
  html body main .masthead table th,
  html body main .masthead .table th {
    font-size: 18px;
  }
}
.footer-text, html body footer {
  line-height: 20px;
  font-weight: 400;
  letter-spacing: normal;
}
.footer-text, html body footer {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  .footer-text, html body footer {
    font-size: calc(12px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .footer-text, html body footer {
    font-size: 14px;
  }
}
/*** ASSIGN TO HTML ***/
html body button.text-link, html body a.text-link {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html body button.text-link, html body a.text-link {
    font-size: calc(16px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  html body button.text-link, html body a.text-link {
    font-size: 18px;
  }
}
html body main .masthead .article h3.h3-section {
  margin-bottom: 1rem;
}
html body main .masthead form input,
html body main .masthead .form input,
html body main .masthead form select,
html body main .masthead .form select,
html body main .masthead form .chosen-container span,
html body main .masthead .form .chosen-container span {
  font-style: italic;
  margin-bottom: 0;
}
html body main .masthead form .form-footer label,
html body main .masthead .form .form-footer label {
  font-size: 16px;
}
html body main .masthead table th,
html body main .masthead .table th {
  margin: 0;
}
html body main .masthead table td,
html body main .masthead .table td {
  font-size: 14px;
}
@media screen and (min-width: 320px) {
  html body main .masthead table td,
  html body main .masthead .table td {
    font-size: calc(14px + 2 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  html body main .masthead table td,
  html body main .masthead .table td {
    font-size: 16px;
  }
}
/***************************
*** BUTTON / CTA PATTERNS ***
****************************/
.btn-pattern,
.btn-main,
.btn-main-right,
.cta-main,
.cta-ghost,
.btn-main-up,
.cta-ghost-top,
.cta-ghost-bot,
.cta-scroll-top,
.btn-main-down,
.cta-scroll-bot,
.cta-play,
form button[type="submit"] {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1.625rem;
  display: inline-block;
  position: relative;
  letter-spacing: 0.524px;
  border: 1px solid;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 16px 64px 16px 38px;
}
.btn-pattern:hover,
.btn-main:hover,
.btn-main-right:hover,
.cta-main:hover,
.cta-ghost:hover,
.btn-main-up:hover,
.cta-ghost-top:hover,
.cta-ghost-bot:hover,
.cta-scroll-top:hover,
.btn-main-down:hover,
.cta-scroll-bot:hover,
.cta-play:hover,
form button[type="submit"]:hover {
  opacity: 0.8;
  right: 0;
  text-decoration: none;
}
.btn-pattern::after,
.btn-main::after,
.btn-main-right::after,
.cta-main::after,
.cta-ghost::after,
.btn-main-up::after,
.cta-ghost-top::after,
.cta-ghost-bot::after,
.cta-scroll-top::after,
.btn-main-down::after,
.cta-scroll-bot::after,
.cta-play::after,
form button[type="submit"]::after {
  content: ' ';
  position: absolute;
  top: 0px;
  right: 26px;
  width: 16px;
  height: 100%;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn-pattern:focus,
.btn-main:focus,
.btn-main-right:focus,
.cta-main:focus,
.cta-ghost:focus,
.btn-main-up:focus,
.cta-ghost-top:focus,
.cta-ghost-bot:focus,
.cta-scroll-top:focus,
.btn-main-down:focus,
.cta-scroll-bot:focus,
.cta-play:focus,
form button[type="submit"]:focus {
  outline: none;
  text-decoration: none;
}

/***** *** BUTTON / CTA COMPONENTS *** *****/

.btn-main-right::after,
.cta-main::after,
form button[type="submit"]::after,
.cta-ghost::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_white.svg) no-repeat center right;
}
.btn-main-up:hover::after,
.cta-ghost-top:hover::after,
.cta-ghost-bot:hover::after,
.cta-scroll-top:hover::after {
  top: -5px;
}
.btn-main-down:hover::after,
.cta-scroll-bot:hover::after {
  top: 5px;
}
.btn-main,
.btn-main-up,
.btn-main-right,
.btn-main-down,
body .cta-main,
body .cta-invert,
body .cta-alternate,
body .cta-main-downwards,
body .cta-main-upwards {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.625rem;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 1rem 4rem 1rem 2.375rem;
  letter-spacing: 0.524px;
  border: 0 none;
  cursor: pointer;
}
.btn-main:hover,
.btn-main-up:hover,
.btn-main-right:hover,
.btn-main-down:hover,
body .cta-main:hover,
body .cta-invert:hover,
body .cta-alternate:hover,
body .cta-main-downwards:hover,
body .cta-main-upwards:hover {
  opacity: 0.8;
  text-decoration: none !important;
}
.btn-main::after,
.btn-main-up::after,
.btn-main-right::after,
.btn-main-down::after,
body .cta-main::after,
body .cta-invert::after,
body .cta-alternate::after,
body .cta-main-downwards::after,
body .cta-main-upwards::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 1.625rem;
  width: 1rem;
  height: 100%;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn-move,
body .btn-collapse,
body .btn-scroll-up {
  display: inline-block;
  position: relative;
  border-radius: 4px;
  width: 100px;
  height: 70px;
  background: transparent;
  border: 1px solid #606061;
}
.btn-move::after,
body .btn-collapse::after,
body .btn-scroll-up::after {
  content: "";
  position: absolute;
  top: 0;
  right: 42px;
  width: 1rem;
  height: 100%;
}
.btn-move:hover,
body .btn-collapse:hover,
body .btn-scroll-up:hover {
  background-color: #e3e3e3;
  opacity: 0.8;
  text-decoration: none !important;
}
.btn-main-right:hover::after,
body .cta-main:hover::after,
body .cta-invert:hover::after,
body .cta-alternate:hover::after {
  right: 1.375rem;
  text-decoration: none;
}
@keyframes downwardsAnimation {
  25% {
    top: -5px;
  }
  70% {
    top: 8px;
  }
  90% {
    top: 0px;
  }
}
.btn-main-down:hover::after,
body .cta-main-downwards:hover::after {
  animation-name: downwardsAnimation;
  animation-duration: 1s;
}
@keyframes upwardsAnimation {
  25% {
    top: 5px;
  }
  70% {
    top: -8px;
  }
  90% {
    top: 0px;
  }
}
.btn-main-up:hover::after,
body .cta-main-upwards:hover::after {
  animation-name: upwardsAnimation;
  animation-duration: 1s;
}
body .cta-main {
  background-color: #0582a8;
  color: #fff;
}
body .cta-main::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_white.svg) no-repeat center right;
}
body .cta-invert {
  background-color: transparent;
  color: #606061;
  border: 1px solid #606061;
}
body .cta-invert::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_gray.svg) no-repeat center right;
}
body .cta-alternate {
  background-color: #e3e3e3;
  color: #606061;
  border: 1px solid #606061;
}
body .cta-alternate::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_gray.svg) no-repeat center right;
}
body .cta-main-downwards {
  background-color: #0582a8;
  color: #fff;
}
body .cta-main-downwards::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(90deg);
}
body .cta-main-upwards {
  background-color: #0582a8;
  color: #fff;
}
body .cta-main-upwards::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(270deg);
}
body .btn-collapse {
  border: none;
}
body .btn-collapse::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(90deg);
}
body .btn-scroll-up::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_gray.svg) no-repeat center right;
  transform: rotate(270deg);
  top: -5px;
}
body .acco-bro.active .btn-collapse::after,
body .btn-collapse.active::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/custom/2018/digitalengineering/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(270deg);
}
/*********************
*** ACCORDION WRAP ***
********************** */
main .masthead.acco-bro {
  cursor: pointer;
}
main .masthead.acco-bro * {
  cursor: pointer;
}
main .masthead.acco-bro .article {
  align-items: center;
  justify-content: center;
}
main .masthead.acco-bro .article > div {
  display: inline-block;
}
main .masthead.acco-bro .article > div:last-child {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
main .masthead.acco-bro .article h3 {
  margin: 1.5rem 0;
}
@media screen and (max-width: 991px) {
  main .masthead.acco-bro .article > div {
    display: inline-block;
  }

  main .masthead.acco-bro .article > div:first-child {
    margin-top: 12px;
  }

  main .masthead.acco-bro .article > div:first-child h2 {
    padding-right: 0;
  }

  main .masthead.acco-bro .article > div:last-child {
    margin-top: 28px;
    margin-bottom: 15px;
  }
}

/****************** *** FINALS *** ******************/
.cta-main, form button[type="submit"] {
  border-color: #0582a8;
  color: #fff;
}
.cta-main:hover,
form button[type="submit"]:hover {
  color: #fff;
}
.cta-main:focus,
form button[type="submit"]:focus {
  color: #fff;
}
.cta-main.wo-text,
form button.wo-text[type="submit"] {
  border-radius: 0;
  padding: 0;
  width: 48px;
  height: 48px;
}
.cta-main.wo-text::after,
form button.wo-text[type="submit"]::after {
  right: auto;
  left: 19px;
  width: 10px;
}
.cta-main.wo-text:hover::after,
form button.wo-text[type="submit"]:hover::after {
  left: 21px;
}
.cta-play {
  border-color: #0582a8;
  color: #fff;
}
.cta-play:hover {
  color: #fff;
}
.cta-play:focus {
  color: #fff;
}
.cta-play::after {
  background: url(https://placehold.it/75x75) no-repeat center right;
}
.cta-ghost {
  border-color: #606061;
  color: #606061;
}
.cta-ghost::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_gray.svg) no-repeat center right;
}
.cta-ghost:hover {
  color: #606061;
}
.cta-ghost:focus {
  color: #606061;
}
 {
  border-color: #606061;
  color: #606061;
}
.cta-ghost-top::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_gray.svg) no-repeat center right;
  transform: rotate(270deg);
}
.cta-ghost-top,
.cta-ghost-top:hover,
.cta-ghost-top:focus,
.cta-ghost-bot,
.cta-ghost-bot:hover,
.cta-ghost-bot:focus {
  border-color: #606061;
  color: #606061;
}
.cta-ghost-bot::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_gray.svg) no-repeat center right;
  transform: rotate(90deg);
}
.cta-ghost-bot:hover::after {
  top: 5px;
}
.cta-scroll-top {
  padding: 0;
  height: 60px;
  width: 60px;
  border-radius: 30px;
}
.cta-scroll-top::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(270deg);
  right: 22px;
}
.cta-scroll-bot {
  border-color: #0582a8;
  color: #fff;
}
.cta-scroll-bot:hover {
  color: #fff;
}
.cta-scroll-bot:focus {
  color: #fff;
}
.cta-scroll-bot::after {
  background: url(https://media.item24.com/Eloqua/Landingpages/EU/Lernfabrik/svg/Item_arrow_white.svg) no-repeat center right;
  transform: rotate(90deg);
  right: 22px;
}
.article a.text-link {
  color: #0582a8;
  cursor: pointer;
}
.article a.text-link:hover {
  text-decoration: underline;
}

/*********************
*** WHITESPACE FIX ***
*********************/
.inline-ws-delete, .cta-wrap, .form-container {
  word-spacing: -1em;
  font-size: 0;
  line-height: 0;
  letter-spacing: -1px;
}
.inline-ws-child,
.cta-wrap a,
.form-container .outerWrapper,
.form-container .singleLine,
.form-container .breakLine {
  display: inline-block;
  word-spacing: normal;
  letter-spacing: normal;
  vertical-align: top;
}
/*************************
*** TRIANGLE SEPERATOR ***
**************************/
.masthead .tri-seperator {
  margin-left: auto;
  margin-right: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5rem 1.5rem 0 1.5rem;
  border-color: #f7f7f7 transparent transparent transparent;
  margin-top: -5rem;
  margin-bottom: 3.5rem;
}

.tri {
  border-style: solid;
  border-width: 25px 25px 0 25px;
  width: 0;
  margin-top: -1.25rem;
  margin-bottom: 0.75rem;
  margin-left: auto;
  margin-right: auto;
}
/****************
  *** CARD ***
****************/
article.card {
  padding: 1.25rem 1rem;
  background-color: #f7f7f7;
}
article.card .part {
  text-align: center;
}
article.card .part.fullwidth {
  margin-left: -1rem;
  margin-right: -1rem;
}
article.card .part.top {
  margin-bottom: 1.5rem;
}
article.card .part.top img {
  margin-bottom: 1.25rem;
}
article.card .part.mid {
  margin-bottom: 2rem;
}
article.card.card-invis {
  background: transparent;
}
/**********************
*** CHECK-LIST ***
**********************/
section.masthead.check-list ul {
  list-style: none;
  padding: 0;
}
section.masthead.check-list ul li {
  padding-left: 2rem;
  margin-bottom: 1rem;
}
section.masthead.check-list ul li::before {
  margin-top: 0.1rem;
  margin-left: -2rem;
  font-family: FontAwesome;
  content: '\f05D';
  font-size: 1.625rem;
  display: inline-block;
  width: 2rem;
  color: #fe0009;
  vertical-align: top;
  font-weight: 400;
}
@media (max-width: 767px) {
  section.masthead.check-list ul {
    margin-left: 15px;
  }
}
ul.checklist {
  margin: 1rem 0 2.25rem;
  list-style: none;
  padding: 0;
}
ul.checklist li {
  padding-left: 2rem;
  margin-bottom: 0.5rem;
}
ul.checklist li::before {
  margin-top: 1px;
  margin-left: -2rem;
  font-family: 'Font Awesome 5 Free';
  content: '\f058';
  font-size: 1.625rem;
  display: inline-block;
  width: 2rem;
  color: #fe0009;
  vertical-align: top;
  font-weight: 400;
}
ul.checklist li:last-of-type {
  margin-bottom: 0;
}
/*********************
*** FOOTER STYLING ***
*********************/
.masthead.footer {
  min-width: 100%;
  background-color: #3e4144;
  color: #fff;
  position: relative;
  padding: 40px 0px 24px;
  text-align: center;
}
.masthead.footer .cta-wrap {
  position: absolute;
  left: 50%;
  top: -30px;
}
.masthead.footer .cta-wrap .cta-scroll-top {
  margin-left: -30px;
}
footer section.masthead.footer {
  background-color: #3e4144;
}
footer section.masthead.footer .copyright {
  text-align: center;
  color: #cccccc;
}
footer section.masthead.footer .copyright a {
  font-size: 12px;
  line-height: 20px;
}

/********************
*** NO JS MESSAGE ***
*** OUTDATED ***
********************/

.no-js-msg {
  text-align: center;
}
.no-js-msg p {
  background-color: #fe0009;
  line-height: 1.4em;
  margin-bottom: 0;
  color: #fff;
  padding: 0 1.25rem;
  font-weight: 300;
  font-size: 1.125rem;
}
.no-js-msg p:first-child {
  padding-top: 1.25rem;
}
.no-js-msg p + p {
  padding-bottom: 1.25rem;
}
.no-js-msg p a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1.125rem;
}

/****************** *** FORMAT *** ******************/
main .masthead {
  padding: 5rem 0;
}
@media (max-width: 991px) {
  .masthead .col-sm-12 + .col-sm-12 {
    margin-top: 2rem;
  }
  .masthead .col-sm-12 .img-wrap {
    text-align: center;
  }
  .masthead .col-sm-12 .img-wrap img {
    display: inline-block;
  }
  .masthead .col-sm-12 .cta-wrap {
    text-align: center;
  }
  .masthead .mobile-center {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .masthead .col-xs-12 + .col-xs-12 {
    margin-top: 2rem;
  }
}
/********************* *** GENERAL FORM DESIGN *** *********************/
input.LV_invalid_field {
  border: 1px solid #fe0009 !important;
  box-shadow: none !important;
  outline: 0px !important;
}
span.LV_validation_message.LV_invalid {
  display: block;
  color: #fe0009;
  font-size: 13px;
}
.LV_validation_message {
  font-weight: 400;
  margin: 11px 0 0 5px;
}
.form-container .singleLine, .form-container .breakLine {
  display: block;
}
.form-container .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}
.form-container .col-lg-12 .lineBreak {
  display: block;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 24px;
}
.form-container .col-lg-12 .outerWrapper,
.form-container .col-lg-12 .singleLine {
  margin-top: 24px;
}
.form-container .col-lg-12 .outerWrapper .ffwrapper,
.form-container .col-lg-12 .singleLine .ffwrapper {
  width: 100%;
  position: relative;
}
.form-container .col-lg-12 .outerWrapper input,
.form-container .col-lg-12 .outerWrapper select,
.form-container .col-lg-12 .outerWrapper textarea,
.form-container .col-lg-12 .singleLine input,
.form-container .col-lg-12 .singleLine select,
.form-container .col-lg-12 .singleLine textarea {
  width: 100%;
}
.form-container .col-lg-12 .outerWrapper input + span,
.form-container .col-lg-12 .outerWrapper input + label,
.form-container .col-lg-12 .outerWrapper select + span,
.form-container .col-lg-12 .outerWrapper select + label,
.form-container .col-lg-12 .outerWrapper textarea + span,
.form-container .col-lg-12 .outerWrapper textarea + label,
.form-container .col-lg-12 .singleLine input + span,
.form-container .col-lg-12 .singleLine input + label,
.form-container .col-lg-12 .singleLine select + span,
.form-container .col-lg-12 .singleLine select + label,
.form-container .col-lg-12 .singleLine textarea + span,
.form-container .col-lg-12 .singleLine textarea + label {
  top: 40px;
  left: 4px;
}
.form-container .col-lg-12 .outerWrapper .fake-check,
.form-container .col-lg-12 .singleLine .fake-check {
  margin-left: 0px;
  background-position-y: 0px;
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-image: url("https://media.item24.com/Eloqua/Landingpages/global/elq-template-2/img/stripe_radio_check.png");
  background-size: 70px;
}
.masthead.my-form .form-container .fake-check {
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  height: 18px;
  left: 0;
  visibility: visible;
  width: 18px;
  z-index: 1;
  vertical-align: top;
  background-image: url("https://media.item24.com/Eloqua/Landingpages/global/elq-template-2/img/stripe_radio_check.png");
  background-size: 70px;
}
.masthead.my-form .form-container .fake-check > i {
  z-index: 1;
}
.form-container .col-lg-12 .outerWrapper input[type="checkbox"],
.form-container .col-lg-12 .singleLine input[type="checkbox"] {
  visibility: hidden;
  height: 0;
  margin: 0 0;
  margin-top: 11px;
}
.form-container .col-lg-12 .outerWrapper label:not(.instructions),
.form-container .col-lg-12 .singleLine label:not(.instructions) {
  margin-left: 8px;
  vertical-align: middle;
}
.form-container .col-lg-12 .singleLine {
  margin-left: 8px;
  margin-right: 8px;
}
.form-container .col-lg-12 .singleLine + .singleLine {
  margin-top: 8px;
}
.form-container .col-lg-12 .singleLine + .singleLine:last-child {
  margin-top: 24px;
}
.form-container .col-lg-12 .singleLine label {
  max-width: 90%;
  display: inline-block;
}
.form-container .col-lg-12 .singleLine label + label {
  display: block;
  margin-top: -8px;
  margin-left: 26px;
}
.form-container .col-lg-12 > .outerWrapper {
  padding: 0 8px;
}
.form-container .col-lg-12 .outerWrapper {
  width: 100%;
}
/************************ *** RESPONSIVE DESIGN *** ************************/
@media (min-width: 1200px) {
  .form-container .col-lg-12 .outerWrapper {
    width: 25%;
  }
  div[data-style="2col"] .form-container .col-lg-12 .outerWrapper {
    width: 50%;
  }
  div[data-style="3col"] .form-container .col-lg-12 .outerWrapper {
    width: 33.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .form-container .col-lg-12 .outerWrapper {
    width: 50%;
  }
  div[data-style="2col"] .form-container .col-lg-12 .outerWrapper {
    width: 50%;
  }
  div[data-style="3col"] .form-container .col-lg-12 .outerWrapper {
    width: 33.33333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  div[data-style="2col"] .form-container .col-lg-12 .outerWrapper {
    width: 50%;
  }
  div[data-style="3col"] .form-container .col-lg-12 .outerWrapper {
    width: 50%;
  }
}
@media screen and (max-width: 567px) {
  .form-container .col-lg-12 .singleLine label {
    max-width: 88%;
  }
}
/********************* *** GENERAL STYLES *** *********************/
.my-form-header, .form-header-font, .form-header, .heading {
  font-size: 24px;
  font-weight: 400;
  font-family: Roboto Condensed,'Arial','sans-serif';
}
.my-form-text,
.form-field-font,
.form-text-font,
.form-container .outerWrapper input,
.form-container .outerWrapper select,
.form-container .outerWrapper label,
.form-container .outerWrapper textarea,
.form-container .singleLine input,
.form-container .singleLine select,
.form-container .singleLine label,
.form-container .singleLine textarea,
.form-container .outerWrapper input option,
.form-container .outerWrapper select option,
.form-container .outerWrapper label option,
.form-container .outerWrapper textarea option,
.form-container .singleLine input option,
.form-container .singleLine select option,
.form-container .singleLine label option,
.form-container .singleLine textarea option {
  font-size: 16px;
  font-weight: 300;
  font-family: Roboto Condensed,'Arial','sans-serif';
}
.my-form-info,
.form-info-font,
.form-container .outerWrapper input + label,
.form-container .outerWrapper input + span,
.form-container .outerWrapper select + label,
.form-container .outerWrapper select + span,
.form-container .outerWrapper label + label,
.form-container .outerWrapper label + span,
.form-container .outerWrapper textarea + label,
.form-container .outerWrapper textarea + span,
.form-container .singleLine input + label,
.form-container .singleLine input + span,
.form-container .singleLine select + label,
.form-container .singleLine select + span,
.form-container .singleLine label + label,
.form-container .singleLine label + span,
.form-container .singleLine textarea + label,
.form-container .singleLine textarea + span {
  font-size: 13px;
  font-weight: 400;
  font-family: Roboto Condensed,'Arial','sans-serif';
}
.form-container .outerWrapper input a,
.form-container .outerWrapper select a,
.form-container .outerWrapper label a,
.form-container .outerWrapper textarea a,
.form-container .singleLine input a,
.form-container .singleLine select a,
.form-container .singleLine label a,
.form-container .singleLine textarea a {
  font-size: 16px;
}

/********************
*** FORM STYLES ***
********************/
.masthead.my-form form .container {
  margin: auto;
}
.masthead.my-form .form-container .form-footer label {
  margin-left: 0.5rem;
  margin-top: 0.05rem;
  line-height: 115%;
}
.masthead.my-form .form-container .form-footer input[name='privacy'] + .fake-check {
  margin-top: 0.25rem;
}
.masthead.my-form .form-container label {
  max-width: 85%;
  display: inline-block;
  cursor: pointer;
}
.masthead.my-form .form-container label::before {
  width: 24px;
  height: 24px;
  background-color: black;
  content: '';
}
.masthead.my-form .form-container p.form-error {
  color: #fe0009;
}
.masthead.my-form .form-container input {
  box-shadow: none;
}
.masthead.my-form .form-container input:focus {
  -webkit-box-shadow: 0px 0px 0px 0px #0582a8;
  box-shadow: 0px 0px 0px 0px #0582a8;
}
.masthead.my-form .form-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #606061;
}
.masthead.my-form .form-container input::-moz-placeholder {
  /* Firefox 19+ */
  color: #606061;
}
.masthead.my-form .form-container input:-ms-input-placeholder {
  /* IE 10+ */
  color: #606061;
}
.masthead.my-form .form-container input:-moz-placeholder {
  /* Firefox 18- */
  color: #606061;
}
.masthead.my-form .form-container input[type="checkbox"] {
  visibility: hidden;
  vertical-align: top;
  margin-right: 8px;
  margin-top: -3px;
  z-index: 999;
}
.masthead.my-form .form-container input[type="text"],
.masthead.my-form .form-container input[type="email"],
.masthead.my-form .form-container input[type="date"] {
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 11px 0 6px 15px;
  border-radius: 5px;
  transition: 0.75s border-color;
}
.masthead.my-form .form-container select {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  padding: 10px 0px 7px 15px;
}
.masthead.my-form .form-container .chosen-container.chosen-container-single .chosen-results li.highlighted {
  background-image: none;
  background-color: #0582a8;
}
.masthead.my-form .form-container .chosen-container.chosen-container-single .chosen-single {
  padding: 17px 0 16px 12px;
  border-color: #dcdcdc;
}
.masthead.my-form .form-container .chosen-container.chosen-container-single .chosen-single div b {
  background-position: -1px 21px;
}
.masthead.my-form .form-container input[type="text"],
.masthead.my-form .form-container input[type="email"],
.masthead.my-form .form-container a {
  outline: none;
}
.masthead.my-form .form-container input[type="text"].form-error,
.masthead.my-form .form-container input[type="email"].form-error,
.masthead.my-form .form-container a.form-error {
  border: 1px solid #fe0009 !important;
}
.masthead.my-form .form-container label.form-error {
  color: #fe0009;
}
.masthead.my-form .form-container .field-error {
  font-size: 12px;
  position: absolute;
  color: #fe0009;
  bottom: -17px;
  left: 25px;
  display: none;
}
.masthead.my-form .form-container input[type="text"].form-valid,
.masthead.my-form .form-container input[type="email"].form-valid,
.masthead.my-form .form-container a.form-valid {
  background-color: rgba(0, 255, 0, 0.1);
}
.masthead.my-form .form-container .chosen-single.select-valid {
  background-color: rgba(0, 255, 0, 0.1);
}
@media screen and (max-width: 767px) {
  main .masthead.form-wrap .form-container input[type="text"],
  main .masthead.form-wrap .form-container input[type="email"],
  main .masthead.form-wrap .form-container select,
  main .masthead.form-wrap .form-container .chosen-container.chosen-container-single {
    margin-bottom: 2px;
  }
  main .masthead.form-wrap .form-container .field-error {
    position: relative;
    bottom: 0;
    left: 0;
    margin-bottom: -0.75rem;
    margin-left: 1rem;
    float: left;
  }
}
/* *****************
*** FORM STYLING ***
******************** */

main .masthead.form-wrap .form-container h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

main .masthead.form-wrap .form-container h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
main .masthead.form-wrap .form-container p {
  margin-bottom: 0.85rem;
}
main .masthead.form-wrap .form-container .row {
  margin-bottom: 0.75rem;
}
main .masthead.form-wrap .form-container .row.anchor {
  margin-top: 1.2rem;
  margin-bottom: 0;
}
main .masthead.form-wrap .form-container .row.anchor + .anchor {
  margin-top: 0.75rem;
}
main .masthead.form-wrap .form-container .row.anchor + .anchor .col-lg-6.form-bot {
  margin-top: -5px;
}
main .masthead.form-wrap .form-container .row .form-bot .fake-check {
  width: 26px;
  height: 26px;
  background-size: auto;
}
main .masthead.form-wrap .form-container .row .form-bot input#privacy + .fake-check {
  margin-top: -0.15rem;
}
main .masthead.form-wrap .form-container .row .form-bot label:last-child {
  margin-bottom: 0;
}
main .masthead.form-wrap .form-container input {
  height: 40px;
}
main .masthead.form-wrap .form-container input[type="text"],
main .masthead.form-wrap .form-container input[type="email"] {
  padding: 8px 0 8px 15px;
}
main .masthead.form-wrap .form-container input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #606061;
}
main .masthead.form-wrap .form-container input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #606061;
  opacity: 1;
}
main .masthead.form-wrap .form-container input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #606061;
  opacity: 1;
}
main .masthead.form-wrap .form-container input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #606061;
}
main .masthead.form-wrap .form-container input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #606061;
}
main .masthead.form-wrap .form-container input::placeholder {
  /* Most modern browsers support this now. */
  color: #606061;
}
main .masthead.form-wrap .form-container .form-bot label {
  margin-left: 7px;
  margin-bottom: 15px;
}
main .masthead.form-wrap .form-container .form-bot label:last-of-type {
  margin-top: -3px;
}
main .masthead.form-wrap .form-container .form-bot .cta-main {
  width: 100%;
}
@media screen and (max-width: 1199px) {
  main .masthead.form-wrap .row > div:first-child img {
    height: 375px;
  }
  main .masthead.form-wrap .form-container .row {
    margin-bottom: 1rem;
  }
  main .masthead.form-wrap .form-container .row .form-bot {
    margin-bottom: 0;
  }
  main .masthead.form-wrap .form-container .row .form-bot label {
    margin-bottom: 0.6rem;
  }
  main .masthead.form-wrap .form-container .row.anchor {
    margin-top: 1rem;
  }
  form .form-bot:first-child {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 991px) {
  .form-wrap .container > .row:first-child > div.col-lg-4 {
    text-align: center;
    margin-bottom: 2rem;
  }
  .form-wrap .container > .row:first-child > div.col-lg-4 img {
    display: inline-block;
  }
  main .masthead.form-wrap .form-container .row {
    margin-bottom: 1.5rem;
  }
  main .masthead.form-wrap .form-container .row .form-bot {
    margin-bottom: 0;
  }
  main .masthead.form-wrap .form-container .row .form-bot label {
    margin-bottom: 1.5rem;
  }
  main .masthead.form-wrap .form-container .row .form-bot .submit-container {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  body main .masthead.form-wrap .form-container .row {
    margin-bottom: 0;
  }
  body main .masthead.form-wrap .form-container .row input,
  body main .masthead.form-wrap .form-container .row .chosen-container.chosen-container-single {
    margin-bottom: 0.75rem;
  }
  body main .masthead.form-wrap .form-container .row:last-of-type {
    margin-top: 1rem;
  }
  body main .masthead.form-wrap .form-container .row .form-bot .submit-container {
    margin-top: 0.25rem;
  }
}

/*********************
*** GENERAL HEADER ***
*********************/
main .masthead header.header hr {
  border-color: #606061;
  margin: -1.5rem auto 3rem;
  width: 120px;
}
main .masthead.my-form > .article + .article {
  margin-top: 1rem;
}
main .masthead.my-form > .article + .article #extended-form hr {
  width: 100%;
  height: 2px;
  margin: 2rem 0;
}
main .masthead.my-form > .article + .article .form-footer {
  margin-top: 2rem;
}
main .masthead.my-form > .article + .article .form-footer input {
  margin-right: 0;
}
main .masthead.my-form > .article + .article .form-footer .fake-check {
  margin-left: -4px;
}
@media (max-width: 767px) {
  main .masthead.my-form > .article .form-footer > div:last-child {
    text-align: center;
  }
}